<template>
  <div class="flex justify-center space-x-4 mt-2">
    <button @click="$emit('play')" class="bg-blue-500 text-white px-4 py-2 rounded">出牌</button>
    <button @click="$emit('hint')" class="bg-green-500 text-white px-4 py-2 rounded">提示</button>
    <button @click="$emit('pass')" class="bg-gray-500 text-white px-4 py-2 rounded">不出</button>
  </div>
</template>

<script setup>
const emit = defineEmits(['play', 'hint', 'pass']);
</script>

<style scoped>
button {
  font-size: 20px;
  min-width: 80px;
}
</style>
